/* Patisantara CSS Document */
@import "mainmenu.css";
@import "iconize.css";

h1,h2,h3,h4,h5,h6,h7,div,p {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	color: #00f;
}
a:hover {
	text-decoration: underline;
	color: #f00;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#wrapper #header { background: url(images/h_bg.jpg) repeat-x top left; width: 100%; height: 70px; }
#wrapper #header #header_l { float: left; background: url(images/hl_bg.jpg) no-repeat top left; width: 550px; height: 70px; }
#wrapper #header #header_r { float: right; background: url(images/hr_bg.jpg) no-repeat top right; width: 450px; height: 70px; }
#wrapper #header #header_l h1 { display: none; margin: 0 auto;}
#wrapper #header #header_l small { display: none; }

#wrapper #menu { background: url(images/menu_top_bg.jpg) repeat-x top left; width: 100%; height: 30px; border-bottom: 1px solid #333; }
/*#wrapper #menu ul { margin: 0; padding: 0; list-style: none; }
#wrapper #menu ul li {
	display: inline-table;
	float: left;
	background: transparent url(images/menu_separator.jpg) no-repeat top right;
	padding: 6px 20px;
	color: #fff;
	font-weight: bold;
}
#wrapper #menu ul li  a { color: #fff; } */
#wrapper #menu ul li  a:hover { color: #fff; }
#wrapper #menu ul li  a.logout:hover { color: #fa0; }

/*#wrapper #main { height: 100%; position: relative; } */
#wrapper #main #main_left{ background: #FFF; width: 185px; margin: 10px 0 10px 10px; position: absolute; left: 0; top: 0; }
#wrapper #main #main_right {
	/*margin: 0 0 0 205px;*/
        margin: 0 auto;
	/*min-height: 800px; */
}

#wrapper #footer {
	width: 100%;
	height: 64px;
	background: #5f5f5f;
	text-align: center;
	padding: 8px 0 0 0;
	color: #fff;
}
#wrapper #footer p.menu { color: #f60; margin: 0; }
#wrapper #footer p a { color: #f80; }
#wrapper #footer p a:hover { color: #fff; }

#wrapper #main_left div#user_info {
	width: 173px;
	height: 60px;
	background: #FF7800 url(images/user_info_bg.jpg) repeat-x top left;
	border: 1px solid #FF7800;
	padding: 5px;
}
#wrapper #main_left div.u_info {
	background: url(images/user_info.jpg) no-repeat;
	background-position: 2px 6px;
	padding: 10px 0 5px 50px;
}
#wrapper #main_left div.u_info h4 {
	font-weight: normal;
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#wrapper #main_left div.u_info h4 span {
	font-weight: bold;
}
#wrapper #main_left div.u_info a {
	color: #fff;
	text-decoration: none;
	letter-spacing: .15em;
}
#wrapper #main_left div.u_info a:hover { color: #fc0; text-decoration: underline; }
#wrapper #main_left div.u_info a.logout:hover { color: #f00; text-decoration: underline; }

#wrapper #main_left div.left_menu {
	background: #FCF6E9;
	border: 1px solid #FF7800;
	margin: 10px 0;
}
#wrapper #main_left div.left_menu h3 {
	background: url(images/menu_left_bg.jpg) repeat-x top left;
	width: 100%;
	height: 30px;
	margin: 0;
	padding: 5px 0 0 0;
}
#wrapper #main_left div.left_menu h3 span {
	background: url(images/icons/hml_bg.png) no-repeat;
	background-position: 10px 4px;
	padding: 3px 0 10px 32px;
}
#wrapper #main_left div.left_menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#wrapper #main_left div.left_menu li {
	background: url(images/icons/hml_item_bg.png) no-repeat;
	background-position: 3px 1px;
	padding: 0 0 0 24px;
	margin: 0 0 8px 5px;
}
#wrapper #main_left div.left_menu li a {
	color: #333;
}
#wrapper #main_left div.left_menu li a:hover {
	color: #06f;
}

#wrapper #main_right div.mr_top { height: 25px; background: #6f6f6f; margin-top: 1px; color: #fff; padding: 3px 10px 0 10px; position: relative; }
#wrapper #main_right div.mr_top div.breadcrumb2 {
	position: absolute;
	top: 3px;
	left: 10px;
}
#wrapper #main_right div.mr_top div.breadcrumb2 span { font-weight: bold; }
#wrapper #main_right div.mr_top div.breadcrumb2 span a { color: #B8FF00; }
#wrapper #main_right div.mr_top div.m_date { float: right; }

#wrapper #main_right div.m_main { margin: 15px; }
#wrapper #main_right div.m_main h1.page_title { font-weight: bold; margin: 0 0 15px 0; }
#wrapper #main_right div.m_main h1.page_title span { color: #01668A; font-weight: 500; }

#wrapper #main_right div.m_main h1 { text-align: right; font-weight: bold; margin: 0 0 15px 0; color: #555;}
#wrapper #main_right div.m_main h1 span { color: #01668A; font-weight: 500; }

#wrapper #main_right div.m_main ul.sc_menu { list-style: none; margin: 20px 0; padding: 0; width: 700px; }
#wrapper #main_right div.m_main ul.sc_menu li {
	display: inline-table;
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 10px 10px;
	background: url(images/msc_default.jpg) no-repeat top left;
    font-size: 9px;
}
#wrapper #main_right div.m_main ul.sc_menu li a span {
	width: 100%;
	color: #660;
	padding: 57px 0 0 7px;
	cursor: pointer;
    display: block;
}
#wrapper #main_right div.m_main ul.sc_menu li a:hover span {
	color: #f60;
}
/********** custom shortcut menu **********/
#wrapper #main_right div.m_main ul.sc_menu li.birthday {
	background: url(images/msc_birthday.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.birthday a span {
    padding: 57px 0 0 19px;
}
#wrapper #main_right div.m_main ul.sc_menu li.news {
	background: url(images/msc_news.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.news a span {
	padding: 57px 0 0 27px;
}
#wrapper #main_right div.m_main ul.sc_menu li.system_config {
	background: url(images/msc_system_config.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.system_config a span {
    padding: 57px 0 0 10px;
}
#wrapper #main_right div.m_main ul.sc_menu li.payroll {
	background: url(images/msc_payroll.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.payroll a span {
	padding: 57px 0 0 22px;
}
#wrapper #main_right div.m_main ul.sc_menu li.recruitment {
	background: url(images/msc_recruitment.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.recruitment a span {
	padding: 57px 0 0 10px;
}
#wrapper #main_right div.m_main ul.sc_menu li.reporting {
	background: url(images/msc_reporting.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.reporting a span {
	padding: 57px 0 0 17px;
}
#wrapper #main_right div.m_main ul.sc_menu li.home_config {
	background: url(images/msc_home.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.home_config a span {
	padding: 57px 0 0 6px;
}
#wrapper #main_right div.m_main ul.sc_menu li.user_manager {
	background: url(images/msc_user.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.user_manager a span {
	padding: 57px 0 0 15px;
}
#wrapper #main_right div.m_main ul.sc_menu li.about {
	background: url(images/msc_about.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.about a span {
	padding: 57px 0 0 8px;
}
#wrapper #main_right div.m_main ul.sc_menu li.employee {
	background: url(images/msc_employee.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.employee a span {
	padding: 57px 0 0 17px;
}
#wrapper #main_right div.m_main ul.sc_menu li.help {
	background: url(images/msc_help.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.help a span {
	padding: 57px 0 0 29px;
}
#wrapper #main_right div.m_main ul.sc_menu li.sitemap {
	background: url(images/msc_sitemap.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.sitemap a span {
	padding: 57px 0 0 19px;
}
#wrapper #main_right div.m_main ul.sc_menu li.log_data {
	background: url(images/msc_log_data.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.log_data a span {
	padding: 57px 0 0 19px;
}
#wrapper #main_right div.m_main ul.sc_menu li.master {
	background: url(images/msc_master.jpg) no-repeat top left;
}
#wrapper #main_right div.m_main ul.sc_menu li.master a span {
	padding: 57px 0 0 10px;
}
/********** end custom shortcut menu **********/

/********** custom css style ***********/
.DivTable {
	padding: 0px 0px;
	width: auto;
	margin-top: 11px !important;
	margin-bottom: 11px !important;
	background: #fff;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.iframe-box{
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
table.GridTable {
	margin-top: 1px;
	margin-bottom:1px;
	border-collapse:collapse;
        border:0px;
        /*clear:both;*/ 
        width:100%;
        box-shadow: 0px 0px 10px #ccc;
}
table.GridTable td {
	border:2px solid #fff;
	line-height:2.5em;
	font-size:12px;
	padding:0px 6px;
}
tr.GridHeader {
	background: #777;
	color:white;
	font-weight:bold;
}
.GridHeader td {
	color:#eee;
	font-weight:bold;
}
tr.GridItem1 {
	background: #fcc;
	color:#000;
        cursor: pointer;
}
tr.GridItemRed {
	background: red;
	color:#fff;
        cursor: pointer;
}
tr.GridItem2 {
	background: #fcc;
	color:#000;
        cursor: pointer;
}
tr.GridItem1:hover, tr.GridItem2:hover {
	background-color: #fc6;
}

tr.GridItem2:hover {
	background-color: #fc6;
}

table.GridTable a{
	
}
table.GridTable a:hover{
	color: #bbb;
	text-decoration: none;
}

tr.GridItem2 table.GridTable {
	margin-top: 5px;
	margin-bottom:5px;
	border-collapse:collapse;
}
tr.GridItem2 table.GridTable td {
	border:2px solid #fff;
	line-height:2.5em;
	font-size:11px;
	padding:0px 6px;
}
tr.GridItem2 tr.GridHeader {
	background: #fda;
	color:white;
	font-weight:bold;
}
tr.GridItem2 .GridHeader td {
	color:#c30;
	font-weight:bold;
}
tr.GridItem2 tr.GridItem1 {
	background: #eee;
	color:#5C6065;
}
tr.GridItem2 tr.GridItem2 {
	background: #cef;
	color:#5C6065;
}
tr.GridItem2 tr.GridItem1:hover {
	background-color: #fcc;
}
ttr.GridItem2 able.GridTable a{
	text-decoration: underline;
}
tr.GridItem2 table.GridTable a:hover{
	color: #cc3300;
	text-decoration: none;
}

.BoxMessage {
	height: auto;
	min-height: 40px;
	color: #136CD9;
	padding: 5px 5px 5px 55px;
	font-weight: bold;
	margin: 5px 0 5px 0;
	border: 1px solid #136CD9;
	background: #DAEDFC url(images/icons/info.png) no-repeat;
}

.Error {
	color: #E10028;
	border: 1px solid #E10028;
	background: #FEE7FC url(images/icons/error.png) no-repeat;
}

.Warning {
	color: #EE950F;
	border: 1px solid #EE950F;
	background: #F4ECCA url(images/icons/warning.png) no-repeat;
}

.WarningSeru {
        padding: 30px 0 0 78px;
        width: 248px;
        height: 49px;
	background: url(images/icons/user_warning.gif) no-repeat top left;
        text-decoration: blink;
        font-weight: bold;
        font-size: 13px;
        color: red;

}

.Success {
	color: #5CCF40;
	border: 1px solid #2DE100;
	background: #E4FFDF url(images/icons/success.png) no-repeat;
}
/********** custom css style ***********/

/* pagination */
#pagination-clean li          { border:0; margin:0; padding:0; font-size:9px; list-style:none; /* savers */ float:left; }
/* savers #pagination-clean li,*/
#pagination-clean a           { border-right:solid 1px #DEDEDE; margin-right:2px; }
#pagination-clean .previous-off,
#pagination-clean .next-off   { color:#888888; display:block; float:left; font-weight:bold; padding:3px 4px; }
#pagination-clean .next a,
#pagination-clean previous a  { border:none; font-weight:bold; }
#pagination-clean .active     { color:#000000; font-weight:bold; display:block; float:left; padding:4px 6px; /* savers */ border-right:solid 1px #DEDEDE; }
#pagination-clean a:link,
#pagination-clean a:visited   { color:#0e509e; display:block; float:left; padding:3px 6px; text-decoration:underline; }
#pagination-clean a:hover     { text-decoration:none; }

/* -------------------------------------------- */
/* ----------- Pagination: Digg Style --------- */
/* -------------------------------------------- */

#pagination-digg li          { border:0; margin:0; padding:0; font-size:10px; list-style:none; /* savers */ float:left; }
#pagination-digg a           { border:solid 1px #9aafe5; margin-right:2px; }
#pagination-digg .previous-off,
#pagination-digg .next-off   { border:solid 1px #DEDEDE; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:1px 4px; }
#pagination-digg .next a,
#pagination-digg .previous a { font-weight:bold; }
#pagination-digg .active     { background:#2e6ab1; color:#FFFFFF; font-weight:bold; display:block; float:left; padding:2px 6px; /* savers */ margin-right:2px; }
#pagination-digg a:link,
#pagination-digg a:visited   { color:#0e509e; display:block; float:left; padding:1px 6px; text-decoration:none; }
#pagination-digg a:hover     { border:solid 1px #0e509e; }

/* -------------------------------------------- */
/* ------------- Pagination: Flickr -----------	*/
/* -------------------------------------------- */

#pagination-flickr { line-height: normal; margin-bottom: 25px; }
#pagination-flickr li          { border:0; margin:0 1px; padding:0; font-size:10px; list-style:none; /* savers */ float:left; }
#pagination-flickr a           { border:solid 1px #DDDDDD; margin-right:2px; }
#pagination-flickr .previous-off,
#pagination-flickr .next-off   { color:#666666; display:block; float:left; font-weight:bold; padding:3px 4px; }
#pagination-flickr .next a,
#pagination-flickr .previous a { font-weight:bold; border:solid 1px #FFFFFF; }
/*#pagination-flickr .active     { border:solid 1px #DDDDDD; color:#ff0084; font-weight:bold; display:block; float:left; padding:4px 6px; }*/
#pagination-flickr .active     { border:solid 1px #DDDDDD; color:#ff0099; font-weight:bold; display:block; float:left; padding:4px 6px; }
#pagination-flickr a:link,
#pagination-flickr a:visited   { color:#0063e3; display:block; float:left; padding:3px 6px; text-decoration:none; }
#pagination-flickr a:hover     { border:solid 1px #666666; }

input[type=submit], input[type=button], input[type=reset], input[type=file] {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover,
input[type=submit], input[type=button], input[type=reset]:focus,
input[type=submit], input[type=button], input[type=reset]:active,
input[type=submit], input[type=button], input[type=reset].active,
input[type=submit], input[type=button], input[type=reset].disabled,
.input[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

input[type=submit]:active, input[type=button]:active, input[type=reset]:active{
  background-color: #cccccc \9;
}

input[type=submit]:first-child, input[type=button]:first-child, input[type=reset]:first-child {
  *margin-left: 0;
}

input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover,
input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

input[type=submit]:focus, input[type=button]:focus, input[type=reset]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

input[type=submit]:active, input[type=button]:active, input[type=reset]:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

input[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

input.btn-small {
  padding: 5px 10px;
  font-size: 12px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

/* dashboard */
.DivTable h4.title {
	background: #6f6f6f;
	font-size: 12px;
    line-height: 1.7em;
	padding: 5px 5px 5px 10px;
	margin-bottom: 10px;
    color: #fff;
}
.DivTable h4.title-item {
	background: #FFE9CF;
	font-size: 12px;
	padding: 5px 5px 5px 10px;
	margin-bottom: 10px;
	color: #AF6136;
	letter-spacing: 0.1em;
}
ul.list-dashboard {
	width: 700px;
	list-style:none;
	margin: 0;
        padding: 0;
}
ul.list-dashboard li.dashboard {
	width: 700px;
	margin: 0 0 0 10px;
        padding: 0;
	float: left;
}
ul.list-dashboard li.dashboard2 {
	width: 700px;
	margin: 0 0 0 10px;
	float: right;
}

ul.dashboard-list-item {
        clear: both;
	margin: 0;
	padding: 0 0 0 25px;
	list-style: none;
	line-height: 1.8em;
	list-style-image: url(images/arrow_list.gif);
}

ul.dashboard-list-item span.dashboard-title {
	font-size: 13px;
	letter-spacing: 0.08em;
}

/***** dashboard bms ****/
#dash { margin-left:10px;}

#dash_left { float:left; width:378px; border-right: 2px #5f5f5f dashed; background: transparent; padding: 10px;}

#dash_left h3 { font-size: 90%; margin-bottom: 20px; font-weight: normal; }

#dash_left p { width: 358px; text-align: justify; line-height: 1.7em; font-size: 100%; }

#dash_right { margin-left: 0px; background: transparent; padding: 0px;}
#dash_right divider{ height: 10px;}

img.alignright { padding: 4px; margin: 0 0 2px 15px; display: inline; border: 0; }
img.alignleft { padding: 4px; margin: 0 15px 2px 0; display: inline; border: 0; }
img.centered { display: block; margin-left: auto; margin-right: auto; border: 0; }
.alignright { float: right; }
.alignleft { float: left }

a img.alignleft, a img.alignright, a img.centered { border: 3px solid #333; }
a:hover img.alignleft, a img.alignright, a img.centered { border: 3px solid #ffa227; }
/*
.bms_dash { border-right: 2px #5f5f5f dashed; background: transparent; float: left; width: 350px; padding-right: 20px; margin: 20px; }
.bms_dash h3 { font-size: 90%; margin-bottom: 20px; font-weight: normal; }

.bms_dash ul { list-style-image: url('images/arrow.gif'); list-style-position: inside; margin-top: 10px; }

.divider { clear: both; background: transparent url('images/divider.gif') no-repeat; height: 3px; margin: 15px 0; }
input.button { width: 50px; color: #aaa; background: #0e0f0e; font-weight: bold; border: 1px solid #ffa227; padding: 2px; }



.tc_right_dash{
    border-right: 1px red solid;    
}

.DivTableDash{
    padding : 10px;
    border-right: 2px red solid;
    
    
}
*/

/****** custom again ******/
#main div.konten {
	border: 1px solid #ede4d9;
	margin-top: 10px;
	line-height: 1.7em;
	text-align: justify;
}
#main div.k_item1 {
	background: #f9f9f9;
}
#main div.k_item2 {
	background: #fff9ee;
}
#main .konten h4 {
	margin: 5px 10px 0 10px;
	font-size: 16px;
	color: #1f3678;
}
#main .konten h4 a {
	font-size: 16px;
	color: #2c4985;
	text-decoration: none;
}
#main .konten h4 a:hover {
	font-size: 16px;
	color: #f00;
	text-decoration: underline;
}
#main .konten .box_info {
	background: #eff4ff;
	border-top: 1px solid #ede4d9;
	height: 35px;
}
#main .konten .control {
	margin: 10px 0 0 5px;
	padding: 0;
	list-style: none;
	float: left;
	font-size: 11px;
}
#main .konten .control li {
	display: inline;
	margin: 0 0 0 3px;
}
#main .konten .info {
	margin: 10px 5px 0 0;
	padding: 0;
	list-style: none;
	float: right;
}
#main .konten .info li {
	display: inline;
	margin: 0 0 0 10px;
}
#main .konten .tglkonten {
	font-size: 10px;
	padding: 1px 0 1px 22px;
	margin: 5px 0 0 0;
	background: url(images/icons/ico_upevent.gif) no-repeat;
}
#main .konten .dibuatoleh {
	font-size: 10px;
	padding: 1px 0 1px 22px;
	margin: 5px 0 0 0;
	background: url(images/icons/miniauthor.gif) no-repeat;
}
#main .konten div.desc {
	margin: 10px 15px;
	padding: 0 0 0 28px;
	background: url(images/bq.gif) no-repeat;
}

.clear {
	clear: both;
}
p.item_add {
	font-size: 10px;
	font-style: italic;
	color: #9f9f9f;
}
#box-control {
	margin: 10px 0 0 0;
}
.fldInput {
    border: 1px solid #c0c0c0;
    margin: 0 0 10px 0;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.mgrapp {    
    border: 1px solid #999;
    margin: 0px 0px 0px 5px;
    padding: 3px;
    font-weight:  bold;
    background: #000;
    color: #fff;
    box-shadow: 5px 5px 5px #AAAAAA;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#box-input {
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 10px #888888;
    padding: 20px 5px;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#box-input dl dt {    
    font-weight: bold;
}
.CommandButton {
	background: #fff url(images/button_bg.jpg) repeat-x top left;
	background-position: 1px 1px;
	padding: 5px 10px;
	color: #333;
	border: 1px solid #a0a0a0;
	margin: 0 5px 0 0;
        vertical-align: middle;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
}

#main_right dl {
	margin: 0;
	padding: 10px;
	font-size: 12px;
}
#main_right dt {
    clear: both;
    float: left;
    width: 200px;
    padding-top:5px;
}
#main_right dd {
    padding: 0 0 5px 20px;
    margin: 0 0 5px 200px;
    
}
#main_right dd input, #main_right dd select {
    border: 1px solid #a0a0a0;
    padding: 4px 5px;
    font-size: 11px;
}
#main_right dd label { cursor: pointer; }
#main_right dd textarea {
    border: 1px solid #a0a0a0;
    padding: 3px 5px;
    font-family: inherit;
    font-size: 11px;
    color: #333;
}

input #fUpload {
    border: 1px solid #a0a0a0;
    padding: 3px 5px;
    font-family: inherit;
    font-size: 11px;
    color: #333;
    
}

ul.staff_menu li { color: #9f9f9f; }
ul.staff_menu li.active { font-weight: bold; color: #982A2A; }
ul.staff_menu li.kembali { font-weight: bold; text-transform:italic; color: #0f6; }

.detail_info {
	border: 0px solid #cfcfcf;
	line-height: 1.7em;
}
.detail_info legend {
	font-size: 14px;
	font-weight: bold;
	color: #8e8e8e;
	width: 100%;
	margin-top: 5px;
}
.detail_info dt {
	float: left;
	width: 170px;
	color: #8e8e8e;
	font-weight: bold;
	border-bottom: 1px solid #afafaf;
}
.detail_info dd {
	margin-bottom: 8px;
}
.detail_info div {
	border: 1px dotted #fb6;
	background: #fec;
}



.sorting {
	padding-left: 15px;
        
}
.asc {
	background: url(images/sort_asc.gif) no-repeat center left;
        text-decoration: none;
        color: #eee;
}
.desc {
	background: url(images/sort_desc.gif) no-repeat center left;
        text-decoration: none;
        color: #eee;
}
.top_control {
	margin: -10px 0 10px -20px;
}
.bottom_control {
	margin: -15px 0 10px -20px;
}
.tc_right {
	text-align: right;
}

dl.profil dt {
    font-weight:  bold;
}


/******** wrapper popup *********/
#wrapper_popup {
    margin: 15px;
}
#wrapper_popup h1 { font-weight: normal; margin: 0 0 15px 0; }
/******** end wrapper popup *********/

#main_right .profildetail dt {
  font-weight: bold;
}
#main_right .profildetail input {
  border: 1px solid #6f6f6f;
}
#main_right .profildetail select:disabled {
  border: 1px solid #6f6f6f;
  background: #fff;
}
#main_right .profildetail textarea {
  border: 1px solid #6f6f6f;
}

#cv_datapribadi {
  font-size: 11px;
}

#cv_foto {
	position: absolute;
	top: 50px;
	left: 700px;
	background: #fff;
	border: 1px solid #909090;
	padding: 5px;
}

#cv_foto_summary {
	position: absolute;
	top: 80px;
	right: 18px;
	background: #fff;
	border: 1px solid #909090;
	padding: 5px;
}

.wpoto {
	position: absolute;
	top: 20px;
	left: 550px;
	background: #fff;
	border: 1px solid #909090;
	padding: 5px;
}

#cv_datapribadi dl {
	width: 450px;
}
#cv_datapribadi dd {
	width: 300px;
}

table.cv {
    border: 1px solid #333;
    border-collapse: collapse;
}
table.cv tr.head { background: #999; color: #fff; }
table.cv td, table.cv th {
    border: 1px solid #333;
    padding: 5px;
}

tr.MHeader { font-size: 14px; color: #450300; padding: 5px;  }
td.MItem1 { background: transparent; padding: 4px; }
td.MItem2 { background: #E5FFBD; padding: 4px; }
td.MItem1 input, td.MItem1 select, td.MItem1 textarea { border: 1px solid #333; }
td.MItem2 input, td.MItem2 select, td.MItem2 textarea{ border: 1px solid #333; }

#wrapper_popup dl {
	margin: 0;
	padding: 0;
	font-size: 11px;
}
#wrapper_popup dt {
    clear: both;
	float: left;
	width: 200px;
}
#wrapper_popup dd {
    padding: 0 0 5px 0;
	margin: 0 0 5px 230px;
}
#wrapper_popup dd input, #wrapper_popup dd select {
	border: 1px solid #a0a0a0;
	padding: 3px 5px;
    font-size: 12px;
}
#wrapper_popup dd label { cursor: pointer; }
#wrapper_popup dd textarea {
	border: 1px solid #a0a0a0;
	padding: 3px 5px;
	font-family: inherit;
	font-size: 11px;
	font-weight: normal;
	color: #333;
}

.tebal {

    	background-repeat: no-repeat;
    	background-position:left;    	
	width:285px;
    	font-weight: bold;
    	color: #666;
    	padding:3px 5px 3px 5px;
}

.tebal2 {

    	background-repeat: no-repeat;
    	background-position:left;
	width:285px;
    	font-weight: bold;
    	color: #B8FF00;
    	padding:3px 5px 3px 5px;
}

.asterik {
	/*width: 10px; */
    	font-weight: bold;
    	color: #FF6600;
    	padding:3px 5px 3px 5px;
}

.help {
        font-style: italic;
        font-size: 12px;
    	color: #FF6600;
    	padding:3px 5px 3px 5px;
}

.merah {
	/*width: 10px; */
    	font-weight: bold;
    	color: #FF0000;
    	padding:3px 5px 3px 5px;
}

#komentar {
    
    margin : 13px 5px 0 10px;
    width: 300px;
    position: relative;
    float: right;
    border: 1px solid #c0c0c0;
    background: transparent ;
    vertical-align: middle;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}



#komentar ul{
    padding: 5px;
    margin: 3px;
    list-style: none;
    background: #E4FFDF;
}

#komentar ul li{
    margin: 0px;
    padding: 0px;
    
}

.author {
   font-weight: bold;
}

.komentartitle {
   font-weight: bold;
   color: #ededed;
   background: #777;
   text-align: center;
}

.comment {
   font-family: arial;
   color: #666;
   font-size: 12px;
}

.tanggaldate {
   color: #EE950F;
   border-bottom: 1px dotted #cc3300;
}

.input_readonly {
    background: #CDCDCD;
    vertical-align: middle;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.mandatory { background: transparent url(images/icons/rosette2.png) no-repeat right center;}

.icondiv {
    width: 40px;
    height: 40px;
    border: 3px solid #666;
    float: left;
    margin: 10px 0px 10px 10px;
    border-color: whitesmoke;
     border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

/*#page-wrap                      { width: 500px; margin: 30px auto; position: relative; }

#chat-wrap                      { border: 1px solid #eee; margin: 0 0 15px 0; }
#chat-area                      { height: 300px; overflow: auto; border: 1px solid #666; padding: 20px; background: white; }
#chat-area span                 { color: white; background: #333; padding: 4px 8px; -moz-border-radius: 5px; -webkit-border-radius: 8px; margin: 0 5px 0 0; }
#chat-area p                    { padding: 8px 0; border-bottom: 1px solid #ccc; }

#name-area                      { position: absolute; top: 12px; right: 0; color: white; font: bold 12px "Lucida Grande", Sans-Serif; text-align: right; }   
#name-area span                 { color: #fa9f00; }

#send-message-area p            { float: left; color: white; padding-top: 27px; font-size: 14px; }
#sendie                         { border: 3px solid #999; width: 360px; padding: 10px; font: 12px "Lucida Grande", Sans-Serif; float: right; }*/